<!-- 模块说明 -->
<template>
    <div>
        <!-- 顶部 -->
        <div>
            <div class="banner_top_">
                <div></div>
                <div class="banner_top"><b>SENSER&nbsp;识季</b></div>
                <div></div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="banner_j" animated="false">
            <van-tabs @click-tab="Chonge">
                <van-tab title="女 士" name="female">
                    <ification :onpageObj="pageObj" @acc="floag" :onUserlist="Userlist"></ification>
                </van-tab>
                <van-tab title="男 士" name="man">
                    <ification :onpageObj="pageObj" @acc="floag" :onUserlist="Userlist"></ification>
                </van-tab>
                <van-tab title="儿 童" name="children">
                    <ification :onpageObj="pageObj" @acc="floag" :onUserlist="Userlist"></ification>
                </van-tab>
            </van-tabs>
        </div>
    </div>
</template>
<script setup lang='ts'>
import { ref, onMounted } from 'vue'
import { getuserlist } from "./api"
import { paramsUser } from './type';
import ification from "./ification.vue"
const Chonge: any = (e: any) => {
    console.log(e, 'oo')
    sex.value = e.name
    // pageObj.value.tab = 'whole'
    userList();
    // alert('yuygjygugy')
}
const floag = (e: any) => {
    console.log(e, 'ii')
    userList(e);
}
const Userlist = ref([])
const pageObj = ref<paramsUser>({ tab: '', sex: '' })
let sex: any = ref('female')
console.log(pageObj.value, 'jjjj');
const userList: any = async (e: any) => {
    if (e == 'whole' || pageObj.value.tab == 'whole') {
        pageObj.value.sex = sex
    } else {
        pageObj.value = { tab: e, sex: sex }
    }
    let res = await getuserlist(pageObj.value)
    Userlist.value = res.data
}
onMounted(() => {
    userList();
})
const active = ref(0);
</script>
<style  scoped>
/* /deep/.van-tabs__line {
    background-color: #000;
} */

.banner_j {
    padding: 0px 0px 10px;
}

.banner_top_ {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px;
}
</style>
